<%@ page language="java" pageEncoding="UTF-8"%><%@ include
	file="/WEB-INF/commons/taglibs.jsp"%>
<script type="text/javascript">
var timeout = 250;
var closetimer = 0;
var menuitem = 0;
function menu_open(){
	menu_canceltimer();
	menu_close();
	menuitem = $(this).find('ul').eq(0).css('visibility','visible');
}
function menu_close(){
	if(menuitem) menuitem.css('visibility','hidden');
}
function menu_timer(){
	closetimer = window.setTimeout(menu_close, timeout);
}
function menu_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
$(function(){
	$('#menu > li').bind('mouseover',menu_open);
	$('#menu > li').bind('mouseout',menu_timer);
});
document.onclick = menu_close;
</script>

<ul id="menu">
	<li><a href="<c:url value="/" />">Home</a></li>
	<li><a href="<c:url value="/myFlows" />">My Flow</a></li>
	<li><a href="<c:url value="/friFlows" />">Friends Flow</a></li>
	<li><a href="#">Settings</a>
	<ul>
		<li><a href="<c:url value="/settings" />">Flow Settings</a></li>
		<li><a href="<c:url value="/subscribe" />">Subscribe</a></li>
	</ul>
	</li>
</ul>
